<!DOCTYPE html>

<head>
    <meta charset="UTF-8">
    <title>SmartShop Manage System</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    {load href="/static/base/base.css,/static/js/do.js,/static/js/package.js"/}
    <style type="text/css">
        html,
        body {
            font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft YaHei";
            color: #333;
            font-size: 14px;
        }
      
        hr {
            display: block;
            padding: 0;
            border: 0;
            height: 0;
            border-top: 1px solid #eee;
        }
        .main{
            width: 375px;
            margin: auto;
            }
        .copyright {
            margin-top: 20px;
        }

        .header {
            margin: 50px auto;
            text-align: center;
        }

        .header h1 {
            font-size: 200%;
            margin: 20px;
        }

        .login {
            margin: auto;
            text-align: center;
        }

        .login .row {
            margin: 40px auto;
        }

        .login input {
            width: 90%;
            margin: 20px 0px;
            padding: 8px;
            border: 1px solid #CCC
        }

        .login input:focus {
            outline: none;
        }

        .login .btn {
            height: 45px;
            width: 49%;
            line-height: 45px;
            font-size: 18px;
            text-align: center;
            outline: 0;
            border: 0;
            background-color: #23abf0;
            color: #FFF;
            cursor: pointer;
        }
        .bttn a{
            color: #fff;
        }
        .bttn{
            height: 45px;
            width: 49%;
            margin-left: 3px;
            line-height: 45px;
            font-size: 18px;
            text-align: center;
            outline: 0;
            border: 0;
            
            color: #FFF;
            cursor: pointer;
        }
        .bttn:hover{ background-color: #23abf0;}
        .login .btn:hover {
            background-color: #2798DB;
        }
        .wechat_login { margin: 12px;}
        .wechat_login  a{color: #000;}
        .wechat_login img{margin: 3px 10px;}
    </style>
</head>

<body>
    <div class="main">
        <div class="header">
            <div class="am-g">
                <h1>管理员登录</h1>
                <p>Welcome to SmartShop Manage System
                    <br/>智能配置，极简设计，灵活组合，安全的系统</p>
            </div>
        </div>
        <hr>
        <form class="login"  method="post" action="{:url('admin/login/index')}">
            <input type="hidden" name="__token__" value="{$Request.token}" />
            <div class="row fn-clear">
                <input datatype="*" class="input" type="text" name="username" placeholder="用户名" x-webkit-speech />
                <input datatype="*" class="input" type="password" name="password" placeholder="密码" autocomplete="off" />
            </div>
        <div class="row">
            <button class="btn" type="submit">登 录</button><button class="bttn" type="submit"> <a href="{:url('admin/regist/index')}">注册</a></button>
            
        </div>
        <div class="wechat_login"> <a href="{:url('admin/wechat/getCode')}"><img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=3528894059,640966735&fm=58" alt="微信登录">微信登录</a></div>
    
    
        
            <hr>
            <div class="copyright">© {:date('Y')} BrownStone, Inc. Licensed under Apache license.</div>
        </form>
        <script type="text/javascript">
            Do('layer', 'form', function () {
                $(".login").Validform({
                    btnSubmit: ".am-btn",
                    ajaxPost: true,
                    tiptype: function () {},
                    postonce: true,
                    callback: function (data) {
                        if (data.code == 200) {
                            window.location.href = data.url;
                        } else {
                            layer.alert(data.msg, {
                                icon: 5
                            });
                        }
                    }
                });
            })
        </script>
    </div>
</body>

</html>